<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<input id="inputId" type="text" value="Java JS"/><br/>
		<input type="button" onclick="clickMe()" value="点我" />
		<!-- <button onclick="clickMe()">点我</button> -->
		
		<script type="text/javascript">
			function clickMe() {
				console.log("clickMe");
				var input1 = document.getElementById("inputId");
				console.log(input1);
				console.log(input1.value);
				console.log(input1.type);
				console.log(input1.id);
				// document.getElementsByTagName("标签名")；
				// input标签页面中可能有多个，所以这里返回的是一个数组，
				// 如果这个页面上只有一个input标签，那么这个数组长度就是1，只有一个元素
				var inputs = document.getElementsByTagName("input");
				console.log(inputs);
				// 可以根据数组名[下标]
				console.log(inputs[1]);
				console.log(inputs[1].value);
			}
		</script>
	</body>
</html>
